.avatar-view{height:128px;width:128px;border:3px solid #fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.15);cursor:pointer;overflow:hidden;border-radius:50%;}
/*.avatar-view img{width:100%}*/
.avatar-body{padding-right:15px;padding-left:15px}
.avatar-upload{overflow:hidden}
.avatar-upload label{display:block;float:left;clear:left;width:100px}
.files{position:relative;display:inline-block;background:#D0EEFF;border:1px solid #99D3F5;border-radius:4px;padding:4px 12px;overflow:hidden;color:#1E88C7;text-decoration:none;text-indent:0;line-height:20px}
.files input{position:absolute;font-size:100px;right:0;top:0;opacity:0}
.files:hover{background:#AADFFD;border-color:#78C3F3;color:#004974;text-decoration:none}
.avatar-alert{margin-top:10px;margin-bottom:10px}
.avatar-wrapper{height:364px;width:100%;margin-top:15px;box-shadow:inset 0 0 5px rgba(0,0,0,.25);background-color:#fcfcfc;overflow:hidden}
.avatar-wrapper img{display:block;height:auto;max-width:100%}
.avatar-preview{float:left;margin-top:15px;margin-right:15px;border:1px solid #eee;border-radius:50%;background-color:#fff;overflow:hidden}
.avatar-preview:hover{border-color:#ccf;box-shadow:0 0 5px rgba(0,0,0,.15)}
.avatar-preview img{width:100%}
.preview-lg{height:184px;width:184px;margin-top:15px}
.preview-md{height:100px;width:100px}
.preview-sm{height:50px;width:50px}
@media (min-width:992px){.avatar-preview{float:none}}
.avatar-btns{margin-top:30px;margin-bottom:15px}
.avatar-btns .btn-group{margin-right:5px}
